<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="referrer" content="never">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<!-- 设置状态栏样式为透明底黑色字 -->
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<!-- 设置 Web Clip 图标 -->
		<link rel="apple-touch-icon" href="static/icon.png">
		<script>
			var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') ||
				CSS.supports('top: constant(a)'))
			document.write(
				'<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
				(coverSupport ? ', viewport-fit=cover' : '') + '" />')
		</script>
		<title>
			<%= htmlWebpackPlugin.options.title %>
		</title>
		<!-- 正式发布的时候使用，开发期间不启用。↓ -->
		<!-- <script src="/h5/touch-emulator.js"></script>
		<script>
            TouchEmulator();
			if (document.documentElement.clientWidth > 1024) {
				window.location.href = '/h5/pcguide.html#'+location.pathname+location.search;
			}
		</script>
        <style>
            ::-webkit-scrollbar{
                display: none;
            }
        </style>
        <script>
            var _hmt = _hmt || [];
            (function() {
                var hm = document.createElement("script");
                hm.src = "https://hm.baidu.com/hm.js?";// 百度统计key
                var s = document.getElementsByTagName("script")[0];
                s.parentNode.insertBefore(hm, s);
            })();
        </script> -->
		<!-- 正式发布的时候使用，开发期间不启用。↑ -->
		<script>
			// document.addEventListener('DOMContentLoaded', function() {
			// 	document.documentElement.style.fontSize = document.documentElement.clientWidth / 20 + 'px'
			// })
		</script>
		<style>
		</style>
		<link rel="stylesheet" href="<%= BASE_URL %>static/index.<%= VUE_APP_INDEX_CSS_HASH %>.css" />
	</head>
	<body>
		<!-- 该文件为 H5 平台的模板 HTML，并非应用入口。 -->
		<!-- 请勿在此文件编写页面代码或直接运行此文件。 -->
		<!-- 详见文档：https://uniapp.dcloud.io/collocation/manifest?id=h5-template -->
		<noscript>
			<strong>Please enable JavaScript to continue.</strong>
		</noscript>
		<style>
			/* #ifdef H5 */
			@media screen and (min-width: 1000px) {
				body {
					max-width: 400px;
					margin: auto;
					display: flex;
					justify-content: center;
					background-color: #f8f8f8;
				}

				.header {
					left: auto;
					max-width: 400px;
				}

				.tabbar-operate {
					max-width: 400px;
					margin: auto;
					left: auto;
				}

				.forum-post-btn-1 {
					display: none;
				}

				.forum-post-btn-2 {
					display: none;
				}

				.info-footer {
					left: auto;
					right: auto;
					max-width: 400px;
				}

				.cu-bar.foot {
					left: auto;
					right: auto;
					max-width: 400px;
				}

				.chat-owo.owo {
					left: auto;
					right: auto;
					max-width: 400px;
				}

				.tabbar {
					left: auto;
					right: auto;
					max-width: 400px;
				}

				.announcement {
					max-width: 400px;
					margin: auto;
				}

				#app {
					max-width: 400px;
					margin: auto;
				}

				.h5-cover {
					position: fixed;
					z-index: 9999;
					bottom: 10px;
					right: 10px;
					font-size: 30px;
					font-weight: bold;
					color: #4a4a4a;
					text-align: right;

				}

				.h5-cover a,
				.h5-cover a:link,
				.h5-cover a:visited,
				.h5-cover a:hover,
				.h5-cover a:active {
					text-decoration: none;
				}

				.h5-cover a {
					font-size: 26px;
					outline: none;
					color: #4a4a4a;
					color: inherit;
				}
			}

			@media screen and (min-width: 640px) and (max-width: 1000px) {
				.h5-cover {
					display: none;
				}
			}

			@media screen and (max-width: 639px) {
				.h5-cover {
					display: none;
				}
			}

			/* #endif */
		</style>
		<span class="h5-cover"><%= htmlWebpackPlugin.options.title %>
		<!-- <br><a href="https://starpro.qxzhi.cn/" target="_blank">点击前往官网</a> -->
		</span>
		<div id="app"></div>
		<!-- built files will be auto injected -->
		<script>
			/*BAIDU_STAT*/
		</script>
	</body>
</html>